<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>得胜</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style4.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="zi-1">
    <a href="">联系我们</a>|
    <a href=""> <img src="img/img-2.png" alt="">400 6826 333</a> |
    <a href="">中文</a> |
    <a href="">English</a>
</div>
<nav class="navbar navbar-expand-lg navbar-light">
    <img src="img/img-1.png" alt="" class="tu-1">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon" id="b"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="index2.html">产品信息</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="index3.html">应用方案</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#" style="color:#ec0d1f;">服务支持</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="#">新闻资讯</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="index5.html">关于我们</a>
            </li>
        </ul>
        <div class="navbar-text" id="e">
            <img src="img/img-3.png" alt="" class="sou">
            <input type="text" placeholder="请输入产品型号或类型">
            <button class="select-lan dropdown-toggle" type="button" >如何购买</button>
        </div>
        <div class="huachu" id="x">
            <p><img src="img/img-33.png" alt="">音平商城</p>
            <p><img src="img/img-34.png" alt="">天猫旗舰店</p>
            <p><img src="img/img-35.png" alt="">京东旗舰店</p>
            <p><img src="img/img-36.png" alt="">线下体验店</p>
        </div>
    </div>
</nav>





<main>
    <div class="container">
        <h6>首页>服务支持</h6>


        <div id="app">
            <ul>
                <li v-for="a in message">
                    <img :src="a.img" alt="">
                    <a :href="a.link">
                        <h4>{{a.h4}}</h4>
                    </a>
                    <p>{{a.p}}</p>
                </li>
            </ul>
        </div>

        <div class="main-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <img src="img4/img-3.jpg" alt="">
                        <div class="bei-1">
                            <h4>下载中心</h4>
                            <p>下载中心提供产品说明书，产品目录，相关软件等产品资料供您下载查阅</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <img src="img4/img-4.jpg" alt="">
                        <div class="bei-1">
                            <h4>专业代工</h4>
                            <p>集研发，生产，加工，服务一体化的高科技术企业，提供整机采购OEM,ODM，零配件采购等合作方式和整体解决方案</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <img src="img4/img-5.jpg" alt="">
                        <div class="bei-1">
                            <h4>防伪查询</h4>
                            <p>请核对所购买得胜产品上的防伪码，输入并点击查询即可验证真伪</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>



























<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h5>产品信息</h5>
                <p>麦克风</p>
                <p>耳机</p>
                <p>旷音器</p>
                <p>集成应用</p>
                <p>音响系统</p>
                <p>配件</p>
                <p>工程定制型号</p>
            </div>
            <div class="col-md-2">
                <h5>应用方案</h5>
                <p>解决方案</p>
                <p>工程案例</p>
            </div>
            <div class="col-md-3">
                <h5>服务支持</h5>
                <p>形象体验店查询</p>
                <p>售后服务网点查询</p>
                <p>产品防伪查询</p>
                <p>下载中心</p>
            </div>
            <div class="col-md-2">
                <h5>新闻资讯</h5>
                <p>新品发布</p>
                <p>公司新闻</p>
            </div>
            <div class="col-md-2">
                <h5>关于我们</h5>
                <p>公司简介</p>
                <p>生产概况</p>
                <p>技术概况</p>
                <p>人才招聘</p>
                <p>联系我们</p>
            </div>
        </div>
        <div class="xian-1"></div>
        <div class="row">
            <div class="col-md-8">
                <p>友情链接 | 得胜彩印网站</p>
                <p>&copy;1995-2019广东得胜电子有限公司版权所有，未经许可不得转载。粤ICP备P131708004478 <img src="img/img-46.png" alt="">粤公网安备44132202100115
                    <img src="img/img-47.png" alt=""></p>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-3">
                        <img src="img/img-48.png" alt="">
                        <p class="zi-2">400-6828-333</p>
                    </div>
                    <div class="col-md-3">
                        <img src="img/img-49.png" alt="">
                        <p class="zi-2">官方微信</p>
                    </div>
                    <div class="col-md-3">
                        <img src="img/img-50.png" alt="">
                        <p class="zi-2">在线客服</p>
                    </div>
                    <div class="col-md-3">
                        <img src="img/img-51.png" alt="">
                        <p class="zi-2">新浪微博</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/script4.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>